<template>
    <xy-f-designer ref="xyFormRef"></xy-f-designer>
</template>

<script setup lang="ts">
import xyFDesigner from '@/xyFDesigner/index.vue'
import { useTemplateRef } from 'vue';

const xyFormRef = useTemplateRef('xyFormRef')

const getWidgets = ()=>{
    return xyFormRef.value?.getWidgets()
}

const setWidgets = (data:any[])=>{
    xyFormRef.value?.setWidgets(data)
}

const validateFormSetting = async ()=>{
    return await xyFormRef.value?.validateFormSetting()
}

defineExpose({
    getWidgets,
    validateFormSetting,
    setWidgets
})
</script>

<style lang='scss' scoped></style>